﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://wubiyu.cnblogs.com">
<head>
    <title>HDomExt 帮助/例子</title>
    <link href="../Theme/DomExtGray/gray.css" rel="Stylesheet" type="text/css" />
    <link href="../Theme/site.css" rel="Stylesheet" type="text/css" />
    <!--<script type="text/javascript" src="../swfobject.js"></script>-->
    <script type="text/javascript" src="../domExt.js"></script>
    <script type="text/javascript" src="data.js?ver=1.1.1"></script>
</head>
<body>
    <h:layout id="lay_main" borderwidth="0,0,0,0">
        <h:head id="lay_head" borderwidth="0,0,0,0" hposition="0,0,*,80">
     
            <div id="navergation" style="">
                <a href="../main.htm">
                    <h:btn>下载</h:btn></a><div>
                        |</div>
                <a href="helper_index.htm">
                    <h:btn isactive="true">帮助/例子</h:btn></a><div>
                        |</div>
                <h:btn>主题</h:btn><div>
                    |</div>
                <a href="http://wubiyu.cnblogs.com" target="_blank">
                    <h:btn>博客</h:btn></a><div>
                        |</div>
                <h:btn>关于我们</h:btn>
            </div>
            <div id="logo">
            </div>
        </h:head>
        <h:bottom id="lay_bottom" borderwidth="0,0,0,0" hposition="0,0,*,*">
            <h:layout id="lay_content" borderwidth="0,0,0,0">
                <h:left borderwidth="0,1,0,0" hposition="0,0,240,*">
                    <h:layout id="lay_contnet_left" borderwidth="0,0,0,0">
                        <h:head borderwidth="0,0,0,0" hposition="0,0,*,25">
                        <h:editdroplist id="findedit" textdatatemplet="{=[1]}" textisreadonly="false" itemheight="26" DropBoxMaxRows="15">
                               <h:itemtemplet>
                                     &nbsp;{=[1]} 
                                </h:itemtemplet>
                         </h:editdroplist>
                        </h:head>
                        <h:bottom borderwidth="0,0,0,0">
                            <h:treeview  id="listTree" key="{=[0]}" text="{=[1]}" value="{=[4]}" parentid="{=[2]}"
                                path="{=[3]}" expandlayer="3" isajax="true">
                            </h:treeview>
                        </h:bottom>
                    </h:layout>
                </h:left>
                <h:right borderwidth="0,0,0,0" hposition="0,0,*,*">
                    <iframe id='fram_content' src="pages/hdomext.htm" frameborder='0' width='100%' height='100%'></iframe>
                </h:right>
            </h:layout>
        </h:bottom>
    </h:layout>
    <script type="text/javascript" id="script1">
          _h.ready(function () {
                var listTree = _g("#listTree");
                var fram_content = _g("#fram_content");

                listTree.OnItemClickHandle = function (v) {
                      fram_content.src = "pages/" + v;
                };
                listTree.SetData(GetData(-1));
                listTree.OnExpandHandle = function (id, cfn, list, content) {
                      var datas = GetData(id);
                      cfn();
                      return datas;
                };
                  listTree.Expand(listTree);

                var findedit = _g("#findedit");
                findedit.SelectedHandle = function (e) {
                    var d = e.GetSelect();
                      fram_content.src = "pages/" + d[4];
                }
                  findedit.SetData(treeview_data);
          });
      function GetData(id) {
            var p = new Array();
            var j = 0;
            for (var i = 0; i < treeview_data.length; i++) {
                  if (treeview_data[i][2] == id) {
                        p[j] = treeview_data[i];
                        j = j + 1;
                  }
            }
            return p;
      };
    </script>
</body>
</html>
